<!doctype html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>学院信息表</title>
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class=" alert alert-secondary">
    <div class="container text-center p-5">
        <h1>学院信息表</h1>
        <p>1803</p>
    </div>
</div>

<div class="container">
    <h3>添加</h3>
    <div class="row">
        <input class="form-control col-3" type="text" placeholder="姓名" id="n">
        <select class="form-control col-2" id="s" title="">
            <option>男</option>
            <option>女</option>
        </select>
        <input class="form-control col-md-3" type="text" placeholder="年龄" id="a">
        <button type="submit" id="btn" class="btn btn-primary col-3">提交</button>
    </div>
</div>



<div class="container mt-5">
    <h3>列表</h3>
    <div class="row bd">
        <span class="col-5">姓名</span>
        <span class="col-4">性别</span>
        <span class="col-3">年龄</span>
    </div>
    <ul id="list">

    </ul>
</div>

<script src="js/script.js"></script>
</body>
</html>